<template>
  <view class="mobileHeader">
    <text class="title">
      <slot name="title">{{title}}</slot>
    </text>
    <text class="info">{{info}}</text>
  </view>
</template>

<script>

export default {
  props: {
    title: {
      type: String,
      default: '登录注册更精彩'
    },
    info: {
      type: String,
      default: '未注册的手机号验证后自动创建帐号'
    }
  }
}
</script>

<style lang="scss" scoped>
.mobileHeader {
  height: 300rpx;
  display: flex;
  flex-direction: column;
  .title {
    height: 150rpx;
    line-height: 150rpx;
    font-size: 36rpx;
    font-weight: bold;
    color: rgb(31, 182, 131);
  }
  .info {
    height: 80rpx;
    line-height: 80rpx;
    font-size: 28rpx;
    color: rgba(31, 182, 131, 0.7);
  }
}
</style>
